/*
* map-style.css
*/

html{
    height: 100%;
}

body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#header{
    width: 100%;
    margin-bottom: 1em;
}

#header .title{
    font-size: 1.8em;
    font-weight: bolder;
    text-indent: 1em;
    color: #3333ff;
    font-variant: small-caps;
    margin-left: 1em;
}

#header .research{
    float: right;
    margin: 10px 15px;
}

#header .research input{
    width: 810px;
}

#left{
    width: 29%;
    margin: 1%;
    padding: 5px;
    float: left;
}

#left .title, #footer .title{
    font-size: 1.2em;
    font-weight: bold;
    text-indent: 1em;
    color: #000066;
    font-variant: small-caps;
}

#right{
    width: 67%;
    margin: 1%;
    float: right;
}

#footer{
    width: 100%;
    padding: 5px;
    clear: both;
}

#map{
    width: 100%;
    height: 450px;
    border: solid 10px #ffffff;
    box-shadow: 0px 3px 10px 0px #333333;
}
